﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>

    <!-- Css -->
    <link href="~/css/theme-style.css" rel="stylesheet" />
    <link href="~/css/ie.style.css" rel="stylesheet" />

    <!-- js -->
    <script src="~/js/vendor/modernizr.js"></script>
    <script src="~/js/vendor/less.js"></script>
    <script src="~/js/vendor/jquery.js"></script>
    <script src="~/js/vendor/jquery.easing.1.3.js"></script>
    <script src="~/js/vendor/bootstrap.js"></script>

    <script src="~/js/vendor/jquery.flexisel.js"></script>
    <script src="~/js/vendor/wow.min.js"></script>
    <script src="~/js/vendor/jquery.transit.js"></script>
    <script src="~/js/vendor/jquery.jcountdown.js"></script>
    <script src="~/js/vendor/jquery.jPages.js"></script>
    <script src="~/js/vendor/owl.carousel.js"></script>

    <script src="~/js/vendor/responsiveslides.min.js"></script>
    <script src="~/js/vendor/jquery.elevateZoom-3.0.8.min.js"></script>

    <!-- jQuery REVOLUTION Slider  -->
    <script type="text/javascript" src="~/js/vendor/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="~/js/vendor/jquery.themepunch.revolution.min.js"></script>
    <script type="text/javascript" src="~/js/vendor/jquery.scrollTo-1.4.2-min.js"></script>

    <!-- Custome Slider  -->
    <script src="~/js/main.js"></script>
</head>
<body class="body-bg">
    <!-- Header-->
    <header id="header">
        <div class="header-top-row">
            <div class="container">
                <div class="row">
                    <div class="col-md-9">
                        <div class="top-welcome hidden-xs hidden-sm">
                            <p>Welcome Effect Template &nbsp;&nbsp;<i class="fa fa-phone"></i> 0164 969 3814 &nbsp; <i class="fa fa-envelope"></i>&nbsp;cherryshopsupport@gmail.com &nbsp; <i class="fa fa-facebook"></i>&nbsp;Facebook &nbsp; <i class="fa fa-skype"></i>&nbsp;Skype</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="pull-right">
                            <!-- header-account menu -->
                            <div id="account-menu" class="pull-right">
                                <a href="#" class="account-menu-title"><i class="fa fa-user"></i>&nbsp; Tài khoản <i class="fa fa-angle-down"></i></a>
                                <ul class="list-unstyled account-menu-item">
                                    <li><a href="#"><i class="fa fa-heart"></i>&nbsp; Yêu thích</a></li>
                                    <li><a href="#"><i class="fa fa-history"></i>&nbsp; Lịch sử</a></li>
                                    <li><a href="#"><i class="fa fa-sign-out"></i>&nbsp; Đăng xuất</a></li>
                                </ul>
                            </div>
                            <!-- /header-account menu -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /header-top-row -->
        <div class="header-bg">
            <div class="header-main" id="header-main-fixed">
                <div class="header-main-block1">
                    <div class="container">
                        <div id="container-fixed">
                            <div class="row">
                                <div class="col-md-3">
                                    <a href="index.html" class="header-logo">
                                        <img src="~/img/logo-big-shop.png" alt=""></a>
                                </div>
                                <div class="col-md-9">
                                    <div class="header-mini-cart  pull-right">
                                        <a href="#" data-toggle="dropdown">Giỏ hàng
                                                <span>0 món hàng</span>
                                        </a>
                                        <div class="dropdown-menu shopping-cart-content pull-right">
                                            <div class="shopping-cart-items">
                                                <div class="item pull-left">
                                                    <img src="http://placehold.it/56x70" alt="Product Name" class="pull-left">
                                                    <div class="pull-left">
                                                        <p>Product Name</p>
                                                        <p>$251.00&nbsp;<strong>x 3</strong></p>
                                                    </div>
                                                    <a href="" class="trash"><i class="fa fa-trash-o pull-left"></i></a>
                                                </div>
                                                <div class="item pull-left">
                                                    <img src="http://placehold.it/56x70" alt="Product Name" class="pull-left">
                                                    <div class="pull-left">
                                                        <p>Product Name</p>
                                                        <p>$77.05&nbsp;<strong>x 1</strong></p>
                                                    </div>
                                                    <a href="" class="trash"><i class="fa fa-trash-o pull-left"></i></a>
                                                </div>
                                                <div class="item pull-left">
                                                    <img src="http://placehold.it/56x70" alt="Product Name" class="pull-left">
                                                    <div class="pull-left">
                                                        <p>Product Name</p>
                                                        <p>$50.10&nbsp;<strong>x 8</strong></p>
                                                    </div>
                                                    <a href="" class="trash"><i class="fa fa-trash-o pull-left"></i></a>
                                                </div>
                                                <div class="total pull-left">
                                                    <table>
                                                        <tbody class="pull-right">
                                                            <tr>
                                                                <td></td>
                                                                <td></td>
                                                            </tr>
                                                            <tr class="color-active">
                                                                <td><b>Tổng cộng:</b></td>
                                                                <td><b>500.000 VNĐ</b></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <a href="#" class="btn-read pull-right">Thanh Toán</a>
                                                    <a href="#" class="btn-read pull-right">Giỏ hàng</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /header-mini-cart -->
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="header-main-block2">
                    <nav class="navbar yamm  navbar-main" role="navigation">
                        <div class="container">
                            <div class="navbar-header">
                                <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
                                <a href="@Url.Action("Index", "Home")" class="navbar-brand"><i class="fa fa-home"></i></a>
                            </div>
                            <div id="navbar-collapse-1" class="navbar-collapse collapse ">
                                <ul class="nav navbar-nav">
                                    <!-- Classic list -->
                                    <li><a href="@Url.Action("Index", "Home")">Trang chủ</a></li>
                                    <!-- With content -->
                                    <li class="dropdown yamm-fw"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Quần áo <i class="fa fa-caret-right fa-rotate-45"></i><span>Hàng mới về</span></a>
                                        <ul class="dropdown-menu list-unstyled  fadeInUp animated">
                                            <li>
                                                <div class="yamm-content">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <div class="header-menu">
                                                                <h4>Bé trai</h4>
                                                            </div>
                                                            <ul class="list-unstyled">
                                                                <li><a href="#">Quần thun</a></li>
                                                                <li><a href="#">Quần jean</a></li>
                                                                <li><a href="#">Áo thun</a></li>
                                                                <li><a href="#">Áo sơ mi</a></li>
                                                                <li><a href="#">Đồ bộ</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <div class="header-menu">
                                                                <h4>Bé gái</h4>
                                                            </div>
                                                            <ul class="list-unstyled">
                                                                <li><a href="#">Váy</a></li>
                                                                <li><a href="#">Quần</a></li>
                                                                <li><a href="#">Áo thun</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <article class="banner">
                                                                <img src="~/img/homepage_image/baby_menu_fashion.jpg" class="img-responsive" alt="" />
                                                            </article>
                                                        </div>
                                                    </div>

                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown yamm-fw"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Phụ kiện <i class="fa fa-caret-right fa-rotate-45"></i></a>
                                        <ul class="dropdown-menu list-unstyled  fadeInUp animated">
                                            <li>
                                                <div class="yamm-content">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <div class="header-menu">
                                                                <h4>Bé trai</h4>
                                                            </div>
                                                            <ul class="list-unstyled">
                                                                <li><a href="#">Quần thun</a></li>
                                                                <li><a href="#">Quần jean</a></li>
                                                                <li><a href="#">Áo thun</a></li>
                                                                <li><a href="#">Áo sơ mi</a></li>
                                                                <li><a href="#">Đồ bộ</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <div class="header-menu">
                                                                <h4>Bé gái</h4>
                                                            </div>
                                                            <ul class="list-unstyled">
                                                                <li><a href="#">Váy</a></li>
                                                                <li><a href="#">Quần</a></li>
                                                                <li><a href="#">Áo thun</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <article class="banner">
                                                                <img src="~/img/homepage_image/baby_menu_fashion.jpg" class="img-responsive" alt="" />
                                                            </article>
                                                        </div>
                                                    </div>

                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="@Url.Action("Index", "Contact")">Liên hệ</a></li>
                                </ul>
                                <ul class="nav navbar-nav navbar-right">
                                    <li><a href="@Url.Action("Login", "Account")">Đăng nhập</a></li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
            <!-- /header-main-menu -->
        </div>
    </header>
    <!-- End header -->

    <div>
        @RenderBody()
    </div>

    <footer id="footer-block">
        <div class="footer-information">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <div class="header-footer">
                            <h3>Information</h3>
                        </div>
                        <ul class="footer-categories list-unstyled">
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Contact Us</a></li>
                            <li><a href="#">Delivery Information</a></li>
                            <li><a href="#">Privacy Policy</a></li>
                            <li><a href="#">Terms & Conditions</a></li>
                            <li><a href="#">Site Map</a></li>
                            <li><a href="#">Returns</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <div class="header-footer">
                            <h3>My Account</h3>
                        </div>
                        <ul class="footer-categories list-unstyled">
                            <li><a href="#">My Account</a></li>
                            <li><a href="#">Wish List</a></li>
                            <li><a href="#">Order History</a></li>
                            <li><a href="#">Brands</a></li>
                            <li><a href="#">Specials</a></li>
                            <li><a href="#">Newsletter</a></li>
                            <li><a href="#">Secure payment</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                    </div>
                    <div class="col-md-3">
                        <div class="header-footer">
                            <h3>Thông tin liên lạc:</h3>
                        </div>
                        <p>
                            <strong>Phone 1: 84-1666 057 515</strong><br>
                            <strong>Phone 2: 84-1649 693 814</strong><br>
                            <strong>Email:</strong> imlvvuongvt@gmail.com
                        </p>
                        <p>
                            <strong>Cherry Shop.</strong><br>
                            B1-4-15, Ehome4, Phường Vĩnh Phú, Thuận An, Bình Dương
                        </p>
                        <p><a href=""><i class="icon-map-marker"></i>Location in Google Maps</a></p>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer-copy color-scheme-1">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <a href="index.html" class="logo-copy pull-left"></a>
                    </div>
                    <div class="col-md-4">
                        <p class="text-center">
                            <a href="#">Copyright В© 2014</a> VuongVT | All rights reserved.<br>
                            Powerred by <a href="http://mosaicdesign.uz" target="_blank">VuongVT (Software Engineering)</a>
                        </p>
                    </div>
                    <div class="col-md-4">
                        <ul class="footer-payments pull-right">
                            <li>
                                <img src="~/img/payment-maestro.jpg" alt="payment" /></li>
                            <li>
                                <img src="~/img/payment-discover.jpg" alt="payment" /></li>
                            <li>
                                <img src="~/img/payment-visa.jpg" alt="payment" /></li>
                            <li>
                                <img src="~/img/payment-american-express.jpg" alt="payment" /></li>
                            <li>
                                <img src="~/img/payment-paypal.jpg" alt="payment" /></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>
